<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<title>佛说</title>
		<meta name="description" content="User login page" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!-- basic styles -->
		<link href="__PUBLIC__/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="__PUBLIC__/assets/css/font-awesome.min.css" />
		<!--[if IE 7]>
		  <link rel="stylesheet" href="__PUBLIC__/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
		<!-- page specific plugin styles -->
		<!-- fonts -->
		<link rel="stylesheet" href="__PUBLIC__/assets/css/ace-fonts.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="__PUBLIC__/assets/css/ace.min.css" />
		<link rel="stylesheet" href="__PUBLIC__/assets/css/ace-rtl.min.css" />
		
        <script type="text/javascript" charset="UTF-8" src="http://web.mcooz.com/js_source/artdialog/artDialog.source.js.js"></script>

        <script type="text/javascript" charset="UTF-8" src="http://web.mcooz.com/js_source/artdialog/plugins/iframeTools.source.js"></script>

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="__PUBLIC__/assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="__PUBLIC__/assets/js/html5shiv.js"></script>
		<script src="__PUBLIC__/assets/js/respond.min.js"></script>
		<![endif]-->
<style>
.login-layout {
  background-color: #fff;
}
.login-layout .widget-box .widget-main {
  background: #fff ;

}
.login-layout .widget-box {
  background-color: #fff;
 
}

.login-box .toolbar {
  background: #fff none repeat scroll 0 0;
  border-top: none;
}
.login-box .toolbar > div {
  display: inline-block;
  padding: 9px 26px 11px;
 
}
.login-layout .widget-box .widget-body .toolbar > div > a {
  color:#428bca
}
                </style>
	</head>

	<body class="login-layout">
		<div class="main-container">
			<div class="main-content">
				<div class="row">
					<div class="col-sm-10 col-sm-offset-1">
						<div class="login-container">
							<div class="center">
								<h1>
									<i class="icon-leaf green"></i>
                                                                        <span class="red" onclick="art.dialog.close();">龙虾</span>
									<span class="white">直播</span>
								</h1>
								<h4 class="blue">mcooz.com</h4>
							</div>

							<div class="space-6"></div>

							<div class="position-relative">
								<div id="login-box" class="login-box visible widget-box no-border">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header blue lighter bigger">
												<i class="icon-coffee green"></i>
												请输入你的登录信息
											</h4>

											<div class="space-6"></div>

											
                                                                                            <input type="hidden" name="refer" value="<{$refer}>">
												<fieldset>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control" name="username" id="username" placeholder="输入用户名" />
															<i class="icon-user"></i>
														</span>
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" name="password" id="password" class="form-control" placeholder="输入密码" />
															<i class="icon-lock"></i>
														</span>
													</label>

													<div class="space"></div>

													<div class="clearfix">
														<label class="inline">
															<input type="checkbox" class="ace" />
															<span class="lbl"> 记住用户名</span>
														</label>

														<button type="button" id="login" class="width-35 pull-right btn btn-sm btn-primary">
															<i class="icon-key"></i>
															登录
														</button>
													</div>

													<div class="space-4"></div>
												</fieldset>
											

											<div class="social-or-login center">
												<span class="bigger-110">第三方登录</span>
											</div>

                                                                                        <div class="social-login center" style="display:none">
												<a class="btn btn-primary">
													<i class="icon-facebook"></i>
												</a>

												<a class="btn btn-info">
													<i class="icon-twitter"></i>
												</a>

												<a class="btn btn-danger">
													<i class="icon-google-plus"></i>
												</a>
											</div>
										</div><!-- /widget-main -->

										<div class="toolbar clearfix">
											<div>
												<a href="#" onclick="show_box('forgot-box'); return false;" class="forgot-password-link">
													<i class="icon-arrow-left"></i>
													忘记密码
												</a>
											</div>

											<div>
												<a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">
													注册
													<i class="icon-arrow-right"></i>
												</a>
											</div>
										</div>
									</div><!-- /widget-body -->
								</div><!-- /login-box -->

								<div id="forgot-box" class="forgot-box widget-box no-border">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header red lighter bigger">
												<i class="icon-key"></i>
												找回密码
											</h4>

											<div class="space-6"></div>
											<p>
												输入你的手机号接受指令
											</p>

											<form>
												<fieldset>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control" placeholder="Email" />
															<i class="icon-envelope"></i>
														</span>
													</label>

													<div class="clearfix">
														<button type="button" class="width-35 pull-right btn btn-sm btn-danger">
															<i class="icon-lightbulb"></i>
															发送给我
														</button>
													</div>
												</fieldset>
											</form>
										</div><!-- /widget-main -->

										<div class="toolbar center">
											<a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
												回到登录
												<i class="icon-arrow-right"></i>
											</a>
										</div>
									</div><!-- /widget-body -->
								</div><!-- /forgot-box -->

								<div id="signup-box" class="signup-box widget-box no-border">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header green lighter bigger">
												<i class="icon-group blue"></i>
												新用户注册
											</h4>

											<div class="space-6"></div>
											<p> 输入注册信息: </p>

												
												 <input type="hidden" name="refer" value="<{$refer}>">
                                                                                                    <fieldset>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control" placeholder="昵称" />
															
														</span>
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" id="username1" name="username" class="form-control" placeholder="用户名" />
															<i class="icon-user"></i>
														</span>
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" id="password1" name="password" class="form-control" placeholder="设置密码" />
															<i class="icon-lock"></i>
														</span>
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" name="repassword" class="form-control" placeholder="再输一次密码" />
															<i class="icon-retweet"></i>
														</span>
													</label>

													<label class="block">
														<input type="checkbox" class="ace" />
														<span class="lbl">
															我接受
															<a href="#">用户协议</a>
														</span>
													</label>

													<div class="space-24"></div>

													<div class="clearfix">
														<button type="reset" class="width-30 pull-left btn btn-sm">
															<i class="icon-refresh"></i>
															重置
														</button>

														<button type="button" id="reg" class="width-65 pull-right btn btn-sm btn-success">
															注册
															<i class="icon-arrow-right icon-on-right"></i>
														</button>
													</div>
												</fieldset>
										</div>

										<div class="toolbar center">
											<a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
												<i class="icon-arrow-left"></i>
												回到登录
											</a>
										</div>
									</div><!-- /widget-body -->
								</div><!-- /signup-box -->
							</div><!-- /position-relative -->
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='__PUBLIC__/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>

		<!-- inline scripts related to this page -->

<script type="text/javascript">
	function show_box(id) {
    jQuery('.widget-box.visible').removeClass('visible');
    jQuery('#' + id).addClass('visible');
}

$('#login').on('click',
function() {

    var username = $("#username").val();
    var password = $("#password").val();
    var refer='<{$refer}>';
    url = 'http://www.mcooz.com/Login/login_act_app';
    $.ajax({
        url: url,
        type: 'post',
        data: {
            username: username,
            password: password
        },
        success: function(json) {
            json = $.parseJSON(json)

            if (json.status != 10) {
                if (json.status == 1) {
                	<if condition="$refer!='fo'">
                    art.dialog.tips('登陆成功!', 1.5);
                    </if>
                    // window.parent.reload_();
                    //art.dialog.close();
                    //  alert(json.message)
                    if(refer=='fo'){
                    	window.location.href="http://www.mcooz.com/App/Room"
                    }
                    else{
	                    var parent = art.dialog.parent 
	                    parent.location.reload();
	                    art.dialog.close();
                    }

                } else {
                     art.dialog.tips(json.message)

                }

                ;

            } else {

                 art.dialog.tips(json.message)
            }

        }

    });
});

$('#reg').on('click',
function() {

   var username = $("#username1").val();
    var password = $("#password1").val();
    var refer='<{$refer}>';
    url = 'http://www.mcooz.com/Login/reg_act_app';
    $.ajax({
        url: url,
        type: 'post',
        data: {
            username: username,
            password: password
        },
        success: function(json) {
            json = $.parseJSON(json)

            if (json.status != 9) {
                if (json.status ==8) {
                	<if condition="$refer!='fo'">
                    art.dialog.tips('注册成功!', 1.5);
                    </if>
                    // window.parent.reload_();
                    //art.dialog.close();
                    //  alert(json.message)
                     if(refer=='fo'){
                    	window.location.href="http://www.mcooz.com/App/Room"
                    }
                    else{
                    var parent = art.dialog.parent 
                    parent.location.reload();
                    art.dialog.close();
                	}

                } else {
                     art.dialog.tips(json.message)

                }

                ;

            } else {

                 art.dialog.tips(json.message)
            }

        }

    });

});


		</script>
	</body>
</html>
